<template>
	<view>
		<!-- #ifdef MP -->
		<view class="cu-custom text-white"
			:style="{color: common.appStyle.user_font_color == 'light'?'#ffffff':'#222222'}">
			<view class="cu-bar fixed"
				:style="{ height: $wanlshop.wanlsys().height + 'px', paddingTop: $wanlshop.wanlsys().top + 'px' }">
				<view class="action mp text-bold">
					<text class="wlIcon-shezhi" style="margin-right: 0.6em;"
						@tap="$wanlshop.auth('/pages/user/setting/setting')"></text>
					<text class="wlIcon-shiyongbangzhu1" @tap="help"></text>
				</view>
				<!-- 背景 -->
				<view class="bar-bg" v-if="headerOpacity > 0" :style="{ 
					height: $wanlshop.wanlsys().height + 'px', 
					opacity: headerOpacity,
					backgroundColor: common.appStyle.user_nav_color?common.appStyle.user_nav_color:'#f7f7f7',
					backgroundImage: 'url(' + $wanlshop.oss(common.appStyle.user_nav_image, 414, 0, 1, 'transparent', 'png') + ')'
				}"></view>
			</view>
		</view>
		<!-- #endif -->
		<!-- #ifndef MP -->
		<view class="cu-custom" :style="{color: common.appStyle.user_font_color == 'light'?'#ffffff':'#222222'}">
			<view class="cu-bar fixed"
				:style="{ height: $wanlshop.wanlsys().height + 'px', paddingTop: $wanlshop.wanlsys().top + 'px' }">
				<view class="text-lg" @tap="$wanlshop.auth('/pages/user/setting/user')">
					<view v-if="headerOpacity == 1">
						<view class="cu-avatar round margin-right-xs"
							:style="{ backgroundImage: 'url(' + $wanlshop.oss(user.avatar, 35, 35, 2, 'avatar') + ')' }">
						</view>
						<text v-if="user.isLogin">{{ user.nickname }}</text>
						<text v-else>登录 / 注册</text>
					</view>
				</view>
				<!-- 背景 -->
				<view class="bar-bg" v-if="headerOpacity > 0" :style="{ 
					height: $wanlshop.wanlsys().height + 'px', 
					opacity: headerOpacity,
					backgroundColor: common.appStyle.user_nav_color?common.appStyle.user_nav_color:'#f7f7f7',
					backgroundImage: 'url(' + $wanlshop.oss(common.appStyle.user_nav_image, 0, 50, 1, 'transparent', 'png') + ')',
					color: common.appStyle.user_font_color == 'light'?'#ffffff':'#222222'
				}"></view>
				<view class="action">
					<block>
						<text class="wlIcon-erweima" @tap="$wanlshop.auth('/pages/user/qrcode/qrcode')"></text>
						<text class="margin-right text-sm" @tap="$wanlshop.auth('/pages/user/qrcode/qrcode')">会员码</text>
					</block>
					<text class="wlIcon-shezhi" @tap="$wanlshop.auth('/pages/user/setting/setting')"></text>
					<text class="wlIcon-xiaoxizhongxin" @tap="$wanlshop.to('/pages/notice/notice')"></text>
					<view class="cu-tag badge"
						v-if="statistics.notice.notice +statistics.notice.order +statistics.notice.chat > 0">
						{{ statistics.notice.notice +statistics.notice.order +statistics.notice.chat }}
					</view>
				</view>
			</view>
		</view>
		<!-- #endif -->
		<view class="wanl-user" :style="{ 
			backgroundColor: common.appStyle.user_bg_color?common.appStyle.user_bg_color:'#f7f7f7',
			backgroundImage: 'url(' + $wanlshop.oss(common.appStyle.user_bg_image, 414, 0, 1, 'transparent', 'png') + ')',
			color: common.appStyle.user_font_color == 'light'?'#ffffff':'#222222'}">

			<view class="user"
				:style="{ paddingTop: $wanlshop.wanlsys().height + 12 +'px',paddingBottom: $wanlshop.wanlsys().height - 24 +'px' }">
				<view class="avatar margin-right-bj" @tap="portrai">
					<image class="" :src="$wanlshop.oss(user.avatar, 62, 62, 2, 'avatar')" mode="aspectFill">
					</image>
				</view>
				<!-- <view class="level_per" v-if="identity==2 && regionLevelName">
					{{regionLevelName||''}}
				</view> -->
				<view class="content" v-if="user.isLogin">
					<view class="">
						<view class="text-xxl" @tap="$wanlshop.auth('/pages/user/setting/user')">{{ user.nickname }}
						</view>
						<view class="text-sm">
							<!-- @tap="$wanlshop.auth('/pages/user/signin/signin')" -->
							<view class="level">
								<view class="">
									等级 :
								</view>
								<view class="icon" v-if="level_id == 1">
									<image :src="baseUrl+'static/index/card2.png'" mode=""></image>
								</view>
								<view class="icon" v-if="level_id == 2">
									<image :src="baseUrl+'static/index/card1.png'" mode=""></image>
								</view>
								<view class="">{{user.levelName||'-'}}</view>
							</view>
							<view class="time" v-if="user.deadtime">
								<view class="">
									到期时间：{{user.deadtime||'-'}}
								</view>
							</view>
							<!-- <view class="cu-tag sm radius bg-orange">
								用户积分 {{ user.score }}
							</view> -->
						</view>
					</view>
					<view class="lock">
						<view class="tit" @tap="lockImage(case_code)">
							<view class="right">
								<image :src="baseUrl+'static/index/code.png'" mode=""></image>
							</view>
						</view>
					</view>
				</view>
				<view class="content" @tap="$wanlshop.auth('/pages/user')" v-else>
					<view class="text-xxl">登录 / 注册</view>
					<!-- <view class="cu-tag bg-orange sm radius">Hi</view> -->
					<view class="cu-tag wanl-bg-pink sm radius">Hi，欢迎登录</view>
				</view>
			</view>
			<view class="see padding-bj" @tap.stop="buyCard">
				<image :src="baseUrl+'static/index/see.png'" mode=""></image>
			</view>
			<view class="activity">
				<view class="radius grid text-center col-4 padding-lr-bj padding-tb-sm operate">
					<view class="text-sm" @tap="$wanlshop.auth('/pages/user/collect')">
						<text class="text-bold">{{ statistics.dynamic.collection }}</text>
						收藏夹
					</view>
					<view class="text-sm" @tap="$wanlshop.auth('/pages/user/follow')">
						<text class="text-bold">{{ statistics.dynamic.concern }}</text>
						关注店铺
					</view>
					<view class="text-sm" @tap="$wanlshop.auth('/pages/user/footprint')">
						<text class="text-bold">{{ statistics.dynamic.footprint }}</text>
						足迹
					</view>
					<view class="text-sm" @tap="$wanlshop.auth('/pages/user/order/order')">
						<text class="text-bold">{{ $wanlshop.toFormat(statistics.order.whole, 'hundred') }}</text>
						全部订单
					</view>
				</view>
			</view>

			<view class="member padding-bj" @tap="$wanlshop.auth('/pages/money')">
				<image :src="baseUrl+'static/index/member.png'" mode=""></image>
			</view>
		</view>

		<view class="wanl-user-order padding-sm margin-bj">
			<view class="project text-sm wanl-gray-dark">
				<view @tap="$wanlshop.auth('/pages/user/order/order?state=1')">
					<text class="wlIcon-31daifukuan wanl-pip"></text>
					待支付
					<view class="cu-tag badge bg-orange" v-if="statistics.order.pay > 0">
						{{ $wanlshop.toFormat(statistics.order.pay, 'hundred') }}
					</view>
				</view>
				<view @tap="$wanlshop.auth('/pages/user/order/order?state=2')">
					<text class="wlIcon-31daifahuo wanl-pip"></text>
					待发货
					<view class="cu-tag badge bg-orange" v-if="statistics.order.delive > 0">
						{{ $wanlshop.toFormat(statistics.order.delive, 'hundred') }}
					</view>
				</view>
				<view @tap="$wanlshop.auth('/pages/user/order/order?state=3')">
					<text class="wlIcon-31daishouhuo wanl-pip"></text>
					待收货
					<view class="cu-tag badge bg-orange" v-if="statistics.order.receiving > 0">
						{{ $wanlshop.toFormat(statistics.order.receiving, 'hundred') }}
					</view>
				</view>
				<view @tap="$wanlshop.auth('/pages/user/order/order?state=4')">
					<text class="wlIcon-31daipingjia wanl-pip"></text>
					待评价
					<view class="cu-tag badge bg-orange" v-if="statistics.order.evaluate > 0">
						{{ $wanlshop.toFormat(statistics.order.evaluate, 'hundred') }}
					</view>
				</view>
				<view class="solid-left" @tap="$wanlshop.auth('/pages/user/refund/lists')">
					<text class="wlIcon-31youhuiquan wanl-orange"></text>
					退货/售后
					<view class="cu-tag badge bg-orange" v-if="statistics.order.customer > 0">
						{{ $wanlshop.toFormat(statistics.order.customer, 'hundred') }}
					</view>
				</view>
			</view>
			<!-- <view class="logistics margin-top-bj padding-sm" v-if="statistics.logistics.length > 0">
				<swiper vertical autoplay circular disable-touch interval="4000" class="swiper">
					<swiper-item @tap="$wanlshop.auth('/pages/notice/logistics/details')">
						<view class="title">
							<view class="text-sm">最新物流</view>
							<view class="text-sm">18:00</view>
						</view>
						<view class="flex align-center">
							<view class="cu-avatar" :style="{ backgroundImage: 'url(' + $wanlshop.oss(user.avatar, 40, 40) + ')' }"></view>
							<view class="content">
								<view class="text-df">
									<text class="wlIcon-paisongtixing"></text>
									派送中
								</view>
								<view class="text-sm">【自提柜】已签收，签收人凭取件码 已取件。</view>
							</view>
						</view>
					</swiper-item>
				</swiper>
			</view> -->
		</view>

		<view class="wanl-user-order padding-sm margin-bj" style="margin-top: 25rpx;">
			<view class="project text-sm wanl-gray-dark">
				<view style="line-height: 1.8;" @tap="$wanlshop.auth('/pages/user/money/money')">
					<view class="wanl-pip text-lg text-bold6">{{ user.money?user.money:'0.00' }}</view>
					余额
				</view>
				<view style="line-height: 1.8;" @tap="$wanlshop.auth('/pages/user/bank/bank')">
					<view class="wanl-pip text-lg text-bold6">{{ statistics.dynamic.accountbank }}</view>
					银行卡
				</view>
				<view class="solid-left" style="line-height: 1.18;" @tap="$wanlshop.auth('/pages/user/money/list')">
					<text class="wlIcon-hongbao wanl-orange"></text>
					账单明细
				</view>
			</view>
		</view>
		<!-- 分销中心 -->
		<view class="wanl-user-order padding-sm margin-bj" style="margin-top: 25rpx;"
			v-if="level_id >=1&&identity!=1&&identity!=3">
			<view class="tit" style="display: flex;">
				<view class="dot"></view>
				<text class="">分销中心</text>
			</view>
			<view class="project text-sm wanl-gray-dark">
				<view class="icon" style="line-height: 1.8;" @tap="$wanlshop.auth('/pages/myUser')">
					<view class="">
						<image :src="baseUrl+'static/index/icon_1.png'" mode=""></image>
					</view>
					直推用户
				</view>
				<view class="icon" style="line-height: 1.8;" @tap="$wanlshop.auth('/pages/moneyDetail')">
					<view class="">
						<image :src="baseUrl+'static/index/icon_2.png'" mode=""></image>
					</view>
					佣金明细
				</view>
				<!-- <view class="icon" style="line-height: 1.8;" @tap="$wanlshop.auth('/pages/user/bank/bank')">
					<view class="">
						<image :src="baseUrl+'static/index/icon_3.png'" mode=""></image>
					</view>
					提现记录
				</view> -->
				<view class="icon" style="line-height: 1.8;" @tap="$wanlshop.auth('/pages/withdrawMoney')">
					<view class="">
						<image :src="baseUrl+'static/index/icon_4.png'" mode=""></image>
					</view>
					可提现佣金
				</view>
				<view class="icon" style="line-height: 1.8;"></view>
			</view>
		</view>

		<!-- 团队长中心 -->
		<view class="wanl-user-order padding-sm margin-bj" style="margin-top: 25rpx;" v-if="identity==1">
			<!-- @tap="preImage(baseUrl+'static/index/card1.png')" -->
			<view class="" style="display: flex;justify-content: space-between;">
				<view class="tit" style="display: flex;">
					<view class="dot" style="background: #FC8E23;"></view>
					<text class="">团队长中心</text>
				</view>
				<view class="tit" style="display: flex;" @tap="preImage(baseUrl+team_code,team_status)">
					<view class="left">
						<image :src="baseUrl+'static/index/codeIcon.png'" mode=""></image>
					</view>
					<view class="right">
						<image :src="baseUrl+'static/index/code.png'" mode=""></image>
					</view>
				</view>
			</view>

			<view class="project text-sm wanl-gray-dark">
				<view class="icon" style="line-height: 1.8;" @tap="Jump('/pages/employCenter',team_status)">
					<view class="">
						<image :src="baseUrl+'static/index/icon_1.png'" mode=""></image>
					</view>
					员工中心
				</view>
				<view class="icon" style="line-height: 1.8;" @tap="Jump('/pages/teamMember',team_status)">
					<view class="">
						<image :src="baseUrl+'static/index/icon_5.png'" mode=""></image>
					</view>
					团队团员
				</view>
				<view class="icon" style="line-height: 1.8;" @tap="Jump('/pages/moneyDetail',team_status)">
					<view class="">
						<image :src="baseUrl+'static/index/icon_2.png'" mode=""></image>
					</view>
					佣金明细
				</view>
				<view class="icon" style="line-height: 1.8;" @tap="Jump('/pages/withdrawMoney',team_status)">
					<view class="">
						<image :src="baseUrl+'static/index/icon_4.png'" mode=""></image>
					</view>
					可提现佣金
				</view>
			</view>
		</view>

		<!-- 区域合伙人中心 2-->
		<view class="wanl-user-order padding-sm margin-bj" style="margin-top: 25rpx;" v-if="identity==2">
			<view class="tit" style="display: flex;height: 60rpx;justify-content: space-between;">
				<view class="" style="display: flex;">
					<view class="dot" style="background: #E84010;"></view>
					<text class="">区域合伙人中心</text>
				</view>
				<view class="" v-if="regionLevelName" style="color: #663409;font-size: 26rpx;line-height: 40rpx;">
					等级：{{regionLevelName||''}}
				</view>
			</view>
			<view class="tit"
				style="display: flex;height: 40rpx;justify-content: flex-end;color: #979797;flex-wrap: wrap;margin-bottom: 20rpx;"
				v-if="region_address.length >0">
				<view class="" v-for="(item,index) in region_address" :key="index">
					{{item}}
				</view>
			</view>

			<view class="project text-sm wanl-gray-dark">
				<view class="icon" style="line-height: 1.8;" @tap="Jump('/pages/moneyDetail?type=2',region_status)">
					<view class="">
						<image :src="baseUrl+'static/index/icon_2.png'" mode=""></image>
					</view>
					佣金明细
				</view>
				<!-- <view class="icon" style="line-height: 1.8;" @tap="$wanlshop.auth('/pages/orderDetails')">
					<view class="">
						<image :src="baseUrl+'static/index/icon_3.png'" mode=""></image>
					</view>
					提现记录
				</view> -->
				<view class="icon" style="line-height: 1.8;" @tap="Jump('/pages/withdrawMoney?type=2',region_status)">
					<view class="">
						<image :src="baseUrl+'static/index/icon_4.png'" mode=""></image>
					</view>
					可提现佣金
				</view>
				<view class="icon" style="line-height: 1.8;"></view>
				<view class="icon" style="line-height: 1.8;"></view>
			</view>
		</view>

		<!-- 员工中心 -->
		<view class="wanl-user-order padding-sm margin-bj" style="margin-top: 25rpx;" v-if="identity==3">
			<view class="tit" style="display: flex;">
				<view class="dot"></view>
				<text class="">员工中心</text>
			</view>
			<view class="project text-sm wanl-gray-dark">
				<!-- @tap="$wanlshop.auth('/pages/myUser')" -->
				<view class="icon" style="line-height: 1.8;" @tap="Jump('/pages/myUser',staff_status)">
					<view class="">
						<image :src="baseUrl+'static/index/icon_1.png'" mode=""></image>
					</view>
					直推用户
				</view>
				<view class="icon" style="line-height: 1.8;" @tap="Jump('/pages/orderDetails',staff_status)">
					<view class="">
						<image :src="baseUrl+'static/index/icon_2.png'" mode=""></image>
					</view>
					订单明细
				</view>
				<view class="icon" style="line-height: 1.8;"></view>
				<view class="icon" style="line-height: 1.8;"></view>
			</view>
		</view>
		<!-- 		<view class="wanl-user-tool padding-top-bj margin-lr-bj">
			<view class="list text-sm grid col-5 wanl-gray-dark">
				<view @tap="$wanlshop.auth('/pages/user/money/money')">
					<text class="wlIcon-youhuiquantuangou wanl-orange"></text>
					钱包
				</view>
				<view @tap="$wanlshop.auth('/pages/apps/groups/order/order')">
					<text class="wlIcon-pintuan2 wanl-text-yellow"></text>
					拼团订单
					<view class="cu-tag badge bg-orange" v-if="statistics.order.groups > 0">
						{{ $wanlshop.toFormat(statistics.order.groups, 'hundred') }}
					</view>
				</view>
				<view @tap="$wanlshop.auth('/pages/user/comment/comment')">
					<text class="wlIcon-icon_pinglun wanl-text-red"></text>
					评论
				</view>
				<view @tap="$wanlshop.auth('/pages/user/distribution/distribution')">
					<text class="wlIcon-fenxiao wanl-text-yellow"></text>
					分销
				</view>
				<view @tap="$wanlshop.auth('/pages/user/order/bargain')">
					<text class="wlIcon-jiage wanl-text-light-blue"></text>
					我的砍价
				</view>
				<view @tap="$wanlshop.auth('/pages/user/address/address')">
					<text class="wlIcon-dizhi wanl-text-yellow"></text>
					收货地址
				</view>
				<view @tap="$wanlshop.auth('/pages/user/signin/signin')">
					<text class="wlIcon-mianxing-rili wanl-orange"></text>
					签到
				</view>
				<view @tap="$wanlshop.auth('/pages/user/complaint/lists')">
					<text class="wlIcon-31guanzhuxuanzhong wanl-text-light-blue"></text>
					我的举报
				</view>
				<view @tap="$wanlshop.auth('/pages/user/feedback/lists')">
					<text class="wlIcon-pingjiazongjie wanl-text-blue"></text>
					反馈
				</view>
				<view @tap="help">
					<text class="wlIcon-bangzhu3 wanl-text-green"></text>
					帮助中心
				</view>
				<view @tap="$wanlshop.auth('/pages/user/service')">
					<text class="wlIcon-icon-service wanl-text-purple"></text>
					智能小蜜
				</view>
				<view @tap="$wanlshop.auth('/pages/shop/live/live')"> #ifndef H5
					<text class="wlIcon-icon_zhibo-mian wanl-text-blue"></text>
					商家直播
				</view>
				
				<view @tap="$wanlshop.auth('/pages/apps/find/user')"> #endif 
					<text class="wlIcon-pengyouquan wanl-text-red"></text>
					创作中心
				</view>
				<view @tap="setting">
					<text class="wlIcon-shezhi1 wanl-text-green"></text>
					设置
				</view>
			</view>
		</view> -->
		<view class="wanl-you-like"
			:style="{ backgroundImage: 'url(' + $wanlshop.appstc('/common/guess_you_like_it.png') + ')' }"></view>
		<wanl-product :dataList="likeData" />
		<uni-load-more :status="status" :content-text="contentText" />
		<view class="edgeInsetBottom"></view>
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex';
	import config from '@/common/config/config';
	export default {
		data() {
			return {
				baseUrl: config.baseurl,
				headerOpacity: 0,
				// 上拉刷新
				reload: true,
				likeData: [],
				current_page: 1, //当前页码
				last_page: 1, //总页码
				status: 'loading',
				contentText: {
					contentdown: ' ',
					contentrefresh: '正在加载...',
					contentnomore: '没有更多数据了'
				},
				identity: '',
				level_id: '',
				team_code: '',
				case_code: '',
				region_address: [],
				team_status: '',
				region_status: '',
				staff_status: '',
				regionLevelName: ''
			};
		},
		computed: {
			...mapState(['user', 'statistics', 'common'])
		},
		onPullDownRefresh() {
			this.loadData();
		},
		onShow() {
			this.loadlikeData();
			
			if (this.$store.state.user.isLogin) {
				this.loadData();
			}
			setTimeout(() => {
				uni.setNavigationBarColor({
					frontColor: this.$store.state.common.appStyle.user_font_color == 'light' ? '#ffffff' :
						'#000000',
					backgroundColor: this.$store.state.common.appStyle.user_nav_color
				})
			}, 200);
		},
		onLoad() {
			if (this.$store.state.user.isLogin) {
				this.loadData();
			}

			// this.getAds()
		},
		onPageScroll(e) {
			let tmpY = 50;
			e.scrollTop = e.scrollTop > tmpY ? 50 : e.scrollTop; //如果当前高度大于250则250否则当前高度
			this.headerOpacity = e.scrollTop * (1 / tmpY); //$headerOpacity 赋值当前高度x（1÷250）
		},
		onReachBottom() {
			//判断是否最后一页
			if (this.current_page >= this.last_page) {
				this.status = 'noMore';
			} else {
				this.reload = false;
				this.current_page = this.current_page + 1; //页码+1
				this.status = 'loading';
				this.loadlikeData();
			}
		},
		methods: {
			async getAds({
				state
			}) {
				await uni.request({
					url: '/wanlshop/common/adverts',
					data: {
						version: state.version
					},
					success: res => {
						console.log(res.data.syspopup, 'res.data.syspopup')
						if (res.data.syspopup) {
							uni.showModal({
								content: res.data.syspopup
							});
						} else {
							// 关闭启动图进入APP
							// #ifdef APP-PLUS
							setTimeout(() => {
								plus.navigator.closeSplashscreen(); //主动关闭启动图
							}, 100)
							// #endif
						}
						state.adData = res.data.data;
					}
				});
			},
			Jump(path, status) {
				if (status == 0) return this.$wanlshop.msg('您已被禁用');
				this.$wanlshop.to(path);
			},
			lockImage(item) {
				console.log(item,'item')
				uni.previewImage({
					urls: [item],
				});
			},
			preImage(item, status) {
				if (status == 0) return this.$wanlshop.msg('您已被禁用');
				console.log(item, '1111')
				// this.$wanlshop.to('/pages/card');
				// item = 'https://fhb.westts.cn/static/index/member.png'
				uni.previewImage({
					urls: [item],
				});
			},
			buyCard() {
				this.$wanlshop.to('/pages/card');
			},
			async loadData() {
				await uni.request({
					url: '/wanlshop/user/refresh',
					method: 'POST',
					success: res => {
						this.user.levelName = res.data.level.name
						this.user.deadtime = res.data.level.level_time
						this.identity = res.data.userinfo.identity
						this.level_id = res.data.userinfo.level_id
						this.team_code = res.data.userinfo.team_code
						this.case_code = res.data.userinfo.code
						// 0禁用 
						this.team_status = res.data.userinfo.team_status
						this.region_status = res.data.userinfo.region_status
						this.staff_status = res.data.userinfo.staff_status
						this.regionLevelName = res.data.regionLevelName

						if (res.data.region_address != '') {
							this.region_address = res.data.region_address.name ? res.data.region_address
								.name.split(',') : []
						}

						this.$store.commit('statistics/edit', res.data.statistics);
						this.$store.commit('user/setUserInfo', res.data.userinfo);
					}
				});
				uni.stopPullDownRefresh();
			},
			// 滚动底部加载猜你喜欢
			async loadlikeData() {
				console.log('猜你喜欢')
				await uni.request({
					url: '/wanlshop/product/likes?pages=user',
					data: {
						page: this.current_page
					},
					success: res => {
						this.likeData = this.reload ? res.data.data : this.likeData.concat(res.data
							.data); //评论数据 追加
						this.current_page = res.data.current_page; //当前页码
						this.last_page = res.data.last_page; //总页码
						this.status = res.data.total == 0 ? 'noMore' : 'more';
					}
				});
			},
			// 帮助
			help() {
				this.$wanlshop.to('/pages/user/help');
			},
			// 设置
			setting() {
				this.$wanlshop.to('/pages/user/setting/setting');
			},
			portrai() {
				this.$wanlshop.to('/pages/user/portrait/portrait');
			}
		}
	};
</script>

<style>
	.cu-bar .action.mp:first-child>text[class*='wlIcon-'] {
		margin-left: 0;
	}

	.wanl-user {
		background-repeat: no-repeat;
		background-size: 100%;
		position: relative;
	}

	.wanl-user .user {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 30rpx;
		padding-bottom: 90rpx;
	}

	.icon image {
		width: 38rpx;
		height: 36rpx;
	}

	.wanl-user .user .avatar {
		position: relative;
		height: 134rpx;
		width: 134rpx;
		border-radius: 50%;
		overflow: hidden;
		/* border: 3px solid rgba(255, 255, 255, .25); */
	}

	.wanl-user .user .avatar image {
		height: 120rpx;
		width: 120rpx;
		border-radius: 50%;
	}

	.wanl-user .user .avatar .tag {
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.wanl-user .user .content {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 82%;
		margin-right: 20rpx;
	}

	.wanl-user .user .lock image {
		width: 64rpx;
		height: 64rpx;
	}

	.wanl-user .user .content .text-xxl {
		font-size: 36rpx !important;
		color: #081738;
	}

	.wanl-user .user .level_per {
		position: absolute;
		bottom: 24%;
		left: 4%;
		background: #F1A547;
		border-radius: 20rpx;
		color: #fff;
		font-size: 22rpx;
		padding: 6rpx 12rpx;
	}

	.wanl-user .user .content .level {
		font-size: 26rpx !important;
		color: #663409;
		margin-top: 10rpx;
		display: flex;
	}

	.wanl-user .user .content .time {
		font-size: 26rpx !important;
		color: #663409;
		margin-top: 4rpx;
		display: flex;
	}

	.wanl-user .user .content .icon image {
		width: 36rpx;
		height: 34rpx;
		margin: 0 6rpx;
	}

	/* 操作 */
	.wanl-user .operate {
		display: flex;
		justify-content: space-around;
		text-align: center;
		padding-bottom: 40rpx;
		line-height: -0.7;
	}

	.wanl-user .operate text {
		display: block;
		font-size: 32rpx;
	}

	.wanl-user .member {
		position: absolute;
		width: 100%;
		bottom: -350rpx;
	}

	.wanl-user .member image {
		width: 100%;
		height: 170rpx;
		margin: 0 auto;
	}

	.wanl-user .see {
		position: absolute;
		width: 100%;
		bottom: -35rpx;
		left: 0;
	}

	.wanl-user .see image {
		width: 100%;
		height: 80rpx;
		margin: 0 auto;
	}

	/* 活动 */
	.wanl-user .activity {
		position: absolute;
		width: 100%;
		bottom: -140rpx;
	}


	.wanl-user .activity .cu-avatar {
		width: 69rpx;
		height: 69rpx;
		margin-right: 30rpx;
		background-color: transparent;
		/* border: 1px solid rgba(255,255,255,.6); */
	}

	.wanl-user .activity .content {
		text-align: left;
		height: 68rpx;
	}

	/* 订单 */
	.wanl-user-order {
		margin-top: 320rpx;
		border-radius: 24rpx;
		background-color: white;
	}

	.wanl-user-order .title {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	.wanl-user-order .tit {
		height: 70rpx;
		display: flex;
	}

	.wanl-user-order .tit .left {
		height: 70rpx;
		width: 120rpx;
	}

	.wanl-user-order .tit image {
		margin-bottom: 6rpx;
		height: 38rpx;
		width: 110rpx;
		margin-right: 8rpx;
	}


	.wanl-user-order .tit .right image {
		margin-top: 16rpx;
		height: 32rpx;
		width: 32rpx;
		margin-right: 6rpx;
	}

	.wanl-user-order .tit .dot {
		width: 12rpx;
		height: 12rpx;
		margin: 14rpx 16rpx;
		background: #2CB9A4;
		border-radius: 50%;
		align-items: center;
	}

	/* 状态 */
	.wanl-user-order .project {
		display: flex;
		justify-content: space-around;
		text-align: center;
	}

	.wanl-user-order .project>view {
		position: relative;
		flex: 1;
	}

	.wanl-user-order .project>view .cu-tag {
		top: -4rpx;
		right: 26rpx;
	}

	.wanl-user-order .project text {
		display: block;
		font-size: 50rpx;
		margin-bottom: 6rpx;
	}

	/* 物流 */
	.wanl-user-order .logistics {
		background-color: #f9f9f9;
		border-radius: 24rpx;
	}

	.wanl-user-order .logistics .swiper {
		height: 120rpx;
	}

	.wanl-user-order .logistics .swiper .title {
		display: flex;
		justify-content: space-between;
		margin-bottom: 10rpx;
		color: #999999;
	}

	.wanl-user-order .logistics .swiper .cu-avatar {
		margin-right: 10rpx;
		height: 66rpx;
		width: 66rpx;
		border-radius: 12rpx;
		background-color: #ffffff;
	}

	.wanl-user-order .logistics .swiper .content .text-df {
		color: #3797e0;
		font-size: 27rpx;
		margin-bottom: 2rpx;
	}

	.wanl-user-order .logistics .swiper .content .text-sm {
		color: #999999;
	}

	.wanl-user-order .logistics .swiper .content text {
		font-size: 32rpx;
		margin-left: 15rpx;
		margin-right: 10rpx;
	}

	/* 工具箱 */
	.wanl-user-tool {
		background-color: #ffffff;
		border-radius: 24rpx;
	}

	.wanl-user-tool .title {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	.wanl-user-tool .title text {
		margin-left: 2rpx;
	}

	/* 状态 */
	.wanl-user-tool .list {
		text-align: center;
	}

	.wanl-user-tool .list>view {
		margin-bottom: 28rpx;
		position: relative;
	}

	.wanl-user-tool .list>view .cu-tag {
		top: -8rpx;
		left: 80rpx;
		right: unset;
	}

	.wanl-user-tool .list text {
		display: block;
		font-size: 54rpx;
		margin-bottom: 8rpx;
	}
</style>